// 提交登录的数据
$('form').submit(function(event){
    event.preventDefault();
    
    var str = $(this).serialize();
 
    // 提交登录数据
    $.get('/login?'+str,function(data){
        console.log(data);
        if(data.result==1){
             $('#myModal .modal-body p').text('登录成功!!');
             $('#myModal').modal('show');
            //  监听模态框的已经隐藏事件
             $('#myModal').on('hidden.bs.modal', function (e) {
                location.href = './index.html';
             })
        }else{
            $('#myModal .modal-body p').text(data.message);
            $('#myModal').modal('show');
        }
    })
})

// 在首页用户登录前后，操作略有不同，
// 登录前，显示登录按钮，点击之后，进入登录页面
// 登录后,显示昵称,点击,展示一个下拉列表。

// 怎么去判断用户是否登录？？？

// 根据cookie中是否存在 petname去判断；

// cookie:一般会用来保存用户的登录信息，用以验证用户;

// cookie存在浏览器的某个文件中；
// 在浏览器-设置-隐私中可以看到不同网站的cookie信息

// 通常服务端会把用户的某些信息写入cookie，会随着响应发送到浏览器端，
// 进而被浏览器保存下来。

//  浏览器窗口关闭，session cookie会被清除; 
// 持久化cookie到期才会被清除；

// cookie会随着请求不停的在浏览器和服务器之间传递，
// cookie不会用来存储大量数据，也不能存敏感信息
// cookie存储容量有限制，一般不能大于4KB;





